<template>
	<view class="bg-gray" style="height: 100vh;">
		<view class="row-between padding-horizontal " style="flex-wrap: wrap;">
			<view class="card" style="height: 500rpx; width: 48%; border-radius: 10rpx; padding: 0; overflow: hidden;margin-bottom: 30rpx;" v-for="(item) in utlis">
				<image :src="item.img" style="width: 100%; height: 50%;" mode=""></image>
				<view class="font-bold" style="margin: 20rpx auto;text-align: center;">
					{{item.title}}
				</view>
				<view class="font-color-grey" style="margin: 20rpx auto;text-align: center;font-size: 20rpx;">
					{{item.conter}}
				</view>
				<view v-if="item.enable" @click="goUtlis(item.path)" class="my_button" style="margin: 0 auto; margin-top: 50rpx;">
					{{item.button}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				utlis:[
					{
						img:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.dtstatic.com%2Fuploads%2Fblog%2F202101%2F21%2F20210121214250_7c989.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.dtstatic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1667408758&t=df3af6010a7b2af270ccf323346d0132',
						title:'二维码生成',
						conter:'快来生成你的专属二维码吧',
						enable:true,
						button:'立刻生成',
						path:'/headPortrait/utlis-detalis/utlis-detalis'
					},
					// {
					// 	img:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202104%2F07%2F20210407222605_b9d54.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1667408758&t=e43b42f1d4bf8c9d229e850f41d2ce04',
					// 	title:'每日音乐',
					// 	conter:'接着奏乐，接着舞',
					// 	enable:true,
					// 	button:'朕来瞧瞧',
					// 	path:'/headPortrait/utlis-detalis/daily-music'
					// },
					{
						img:'http://img1.ali213.net/glpic/2022/10/28/584_20221028112109396.gif',
						title:'电子木鱼',
						conter:'开发中...',
						enable:false,
						button:'立刻生成'
					},
					{
						img:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fci.xiaohongshu.com%2Ff61bee27-33b6-b204-d97d-11d7a25f1acd%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fci.xiaohongshu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1667408809&t=a0e18ec993e5070c928c8173c7eab1d2',
						title:'朋友圈文案',
						conter:'开发中...',
						enable:false,
						button:'立刻生成'
					},
					{
						img:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.dtstatic.com%2Fuploads%2Fblog%2F202102%2F24%2F20210224091401_c8273.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.dtstatic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1667408758&t=87fec4499427b101b075ea207af2dca6',
						title:'手持弹幕',
						conter:'手持弹幕',
						enable:false,
						button:'立刻生成'
					},
					{
						img:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Ftva3.sinaimg.cn%2Flarge%2Fbf976b12gy1gnt8q6bfbpg205w06g40j.gif&refer=http%3A%2F%2Ftva3.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1667408809&t=9f0b72654b0261c5a521c08a87129597',
						title:'抽奖',
						conter:'开发中...',
						enable:false,
						button:''
					}
				]
			}
		},
		methods: {
			goUtlis(path){
				this.$link.goTo(path)
			}
		}
	}
</script>

<style scoped>
.my_button{
	width: 140rpx;
	height: 50rpx;
	line-height: 50rpx;
	color: #fff;
	font-size: 20rpx;
	text-align: center;
	border-radius: 100rpx;
	background-color: #424242;
}
</style>
